﻿@model AnnouncementEditModel
@{
    Layout = "_ControlPanel";
    Html.IncludeScript("~/Scripts/pie/jsapi.js");
    Html.IncludeScript("~/Scripts/pie/corechart.js");
    Html.IncludeScript("~/Scripts/pie/jquery.gvChart-1.0.1.min.js");
    Html.IncludeScript("~/Scripts/pie/jquery.ba-resize.min.js");
    Html.ViewContext.RouteData.Values["CurrentNavigationId"] = 20150403;
}
<script type="text/javascript">
    gvChartInit();
    $(document).ready(function () {
        $('#myTable5').gvChart({
            chartType: 'PieChart',
            gvSettings: {
                vAxis: { title: 'No of players' },
                hAxis: { title: 'Month' },
                width: 600,
                height: 350
            }
        });
    });
    gvChartInit();
    $(document).ready(function () {
        $('#myTable1').gvChart({
            chartType: 'PieChart',
            gvSettings: {
                vAxis: { title: 'No of players' },
                hAxis: { title: 'Month' },
                width: 600,
                height: 350
            }
        });
    });
    $(document).ready(function () {
        $('#myTable2').gvChart({
            chartType: 'PieChart',
            gvSettings: {
                vAxis: { title: 'No of players' },
                hAxis: { title: 'Month' },
                width: 600,
                height: 350
            }
        });
    });
</script>
<div class="tn-block tnc-ctnborder">
    <div class="tnc-main">
        <div class="tnc-ctn-center">
            <h1>
                <span>活动统计</span>
            </h1>
            <!-- 统计开始 -->
            <div style="width:600px;margin:0 auto;">

                <table id='myTable5'>
                    <caption>会员地区分布</caption>
                    <thead>
                        <tr>
                            <th></th>
                            <th>河北</th>
                            <th>河南</th>
                            <th>湖北</th>
                            <th>湖南</th>
                            <th>山东</th>
                            <th>山西</th>

                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th>1200</th>
                            <td>540</td>
                            <td>300</td>
                            <td>150</td>
                            <td>180</td>
                            <td>120</td>
                            <td>180</td>
                        </tr>
                    </tbody>
                </table>

                <table id='myTable1'>
                    <caption>会员性别分布</caption>
                    <thead>
                        <tr>
                            <th></th>
                            <th>男</th>
                            <th>女</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th>1000</th>
                            <td>450</td>
                            <td>550</td>
                        </tr>
                    </tbody>
                </table>

                <table id='myTable2'>
                    <caption>会员年龄分布</caption>
                    <thead>
                        <tr>
                            <th></th>
                            <th>18-20</th>
                            <th>20-26</th>
                            <th>26-30</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th>1000</th>
                            <td>450</td>
                            <td>550</td>
                        </tr>
                    </tbody>
                </table>

            </div>	

           <!-- 统计结束-->
        </div>
    </div>
</div>

